<!DOCTYPE html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>手游开发者平台</title>

    <!-- Bootstrap -->
    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
    <!-- Font Awesome -->
    <link th:href="@{/css/font-awesome.min.css}" rel="stylesheet">
    <!-- NProgress -->
    <link th:href="@{/css/nprogress.css}" rel="stylesheet">
    <!-- iCheck -->
    <link th:href="@{/css/green.css}" rel="stylesheet">
    <!-- bootstrap-progressbar -->
    <link th:href="@{/css/bootstrap-progressbar-3.3.4.min.css}" rel="stylesheet">
    <!-- JQVMap -->
    <link th:href="@{/css/jqvmap.min.css}" rel="stylesheet" />
    <link th:href="@{/css/dropzone.min.css}" rel="stylesheet">
    <!-- Custom Theme Style -->
    <link th:href="@{/css/custom.min.css}"	rel="stylesheet">

    <!-- add localcss 2016-8-18 -->
    <link th:href="@{/localcss/appinfoadd.css}" rel='stylesheet'>
    <link th:href="@{/localcss/appinfolist.css}" rel='stylesheet'>
</head>
<body class="nav-md footer_fixed">

    <header th:replace="~{/common/top::toubu}"></header>


    <!--中部内容块-->
    <div class="clearfix"></div>
    <div class="row">
        <div class="col-md-12">
            <div class="x_panel">
                <div class="x_title">
                    <h2>
                        APP 信息管理维护 <i class="fa fa-crmUser"></i><small>${devUserSession.devName}
                        - 您可以通过搜索或者其他的筛选项对APP的信息进行修改、删除等管理操作。^_^</small>
                    </h2>
                    <div class="clearfix"></div>
                </div>
                <div class="x_content">
                    <form method="post" th:action="@{/devuser/to_mainfragment}">
                        <input type="hidden" name="pageIndex" th:value="${pageObj.current}" />
                        <ul>
                            <li>
                                <div class="form-group">
                                    <label class="control-label col-md-3 col-sm-3 col-xs-12">软件名称</label>
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <input name="softwarename" type="text" class="form-control col-md-7 col-xs-12" th:value="${param.softwarename}">
                                    </div>
                                </div>
                            </li>

                            <li>
                                <div class="form-group">
                                    <label class="control-label col-md-3 col-sm-3 col-xs-12">手游状态</label>
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <select name="status" class="form-control">
                                            <option value="">--全部--</option>
                                            <option value="1" th:selected="${_status==1}">待审核</option>
                                            <option value="2" th:selected="${_status==2}">审核通过</option>
                                            <option value="3" th:selected="${_status==3}">审核未通过</option>
                                            <option value="4" th:selected="${_status==4}">上架</option>
                                            <option value="5" th:selected="${_status==5}">下架</option>

                                        </select>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="form-group">
                                    <label class="control-label col-md-3 col-sm-3 col-xs-12">所属平台</label>
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <select name="flatformName" class="form-control">
                                            <option value="">--全部-- </option>
                                            <option value="1" th:selected="${fid==1} ">手机</option>
                                            <option value="2" th:selected="${fid==2} ">平板</option>
                                            <option value="3" th:selected="${fid==3}">通用</option>

                                        </select>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="form-group">
                                    <label class="control-label col-md-3 col-sm-3 col-xs-12">一级分类</label>
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <select id="queryCategoryLevel1" name="queryCategoryLevel1" class="form-control">

                                        </select>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="form-group">
                                    <label class="control-label col-md-3 col-sm-3 col-xs-12">二级分类</label>
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <input type="hidden" name="categorylevel2list" id="categorylevel2list"/>
                                        <select name="queryCategoryLevel2" id="queryCategoryLevel2" class="form-control">

                                        </select>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="form-group">
                                    <label class="control-label col-md-3 col-sm-3 col-xs-12">三级分类</label>
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <select name="queryCategoryLevel3" id="queryCategoryLevel3" class="form-control">

                                        </select>
                                    </div>
                                </div>
                            </li>
                            <li><button type="submit" class="btn btn-primary"> 查 &nbsp;&nbsp;&nbsp;&nbsp;询 </button></li>
                        </ul>
                    </form>
                </div>
            </div>
        </div>
        <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="x_panel">
                <div class="x_content">
                    <p class="text-muted font-13 m-b-30"></p>
                    <div id="datatable-responsive_wrapper"
                         class="dataTables_wrapper form-inline dt-bootstrap no-footer">
                        <div class="row">
                            <div class="col-sm-12">
                                <a href="${pageContext.request.contextPath}/dev/flatform/app/appinfoadd" class="btn btn-success btn-sm">新增APP基础信息</a>
                                <table id="datatable-responsive" class="table table-striped table-bordered dt-responsive nowrap dataTable no-footer dtr-inline collapsed"
                                       cellspacing="0" width="100%" role="grid" aria-describedby="datatable-responsive_info" style="width: 100%;">
                                    <thead>
                                    <tr role="row">
                                        <th class="sorting_asc" tabindex="0"
                                            aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                            aria-label="First name: activate to sort column descending"
                                            aria-sort="ascending">软件名称</th>
                                        <th class="sorting" tabindex="0"
                                            aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                            aria-label="Last name: activate to sort column ascending">
                                            APK名称</th>
                                        <th class="sorting" tabindex="0"
                                            aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                            aria-label="Last name: activate to sort column ascending">
                                            软件大小(单位:M)</th>
                                        <th class="sorting" tabindex="0"
                                            aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                            aria-label="Last name: activate to sort column ascending">
                                            所属平台</th>
                                        <th class="sorting" tabindex="0"
                                            aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                            aria-label="Last name: activate to sort column ascending">
                                            所属分类(一级分类、二级分类、三级分类)</th>
                                        <th class="sorting" tabindex="0"
                                            aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                            aria-label="Last name: activate to sort column ascending">
                                            状态</th>
                                        <th class="sorting" tabindex="0"
                                            aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                            aria-label="Last name: activate to sort column ascending">
                                            下载次数</th>
                                        <th class="sorting" tabindex="0"
                                            aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                            aria-label="Last name: activate to sort column ascending">
                                            最新版本号</th>
                                        <th class="sorting" tabindex="0"
                                            aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                            style="width: 124px;"
                                            aria-label="Last name: activate to sort column ascending">
                                            操作</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                        <tr th:each="appInfo: ${appList}">
                                            <td th:text="${appInfo.id}"></td>
                                            <td th:text="${appInfo.softwarename}"></td>
                                            <td th:text="${appInfo.flatformName}"></td>
                                            <td th:text="|${appInfo.categoryName1}|"></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-5">
                                <div class="dataTables_info" id="datatable-responsive_info"
                                     role="status" aria-live="polite">共条
                                    <span th:text="${pageObj.total}" >0</span>记录
                                     <span th:text="${pageObj.current}">0</span> / <span th:text="${pageObj.pages}">0</span>页 </div>
                            </div>
                            <div class="col-sm-7">
                                <div class="dataTables_paginate paging_simple_numbers"
                                     id="datatable-responsive_paginate">
                                    <ul class="pagination">

                                            <li class="paginate_button previous">

                                                <a
                                                        href="javascript:void(0);"
                                                        th:onclick="'javascript:page_nav(document.forms[0],1)'"
                                                    aria-controls="datatable-responsive" data-dt-idx="0"
                                                    tabindex="0">首页</a>
                                            </li>
                                            <li class="paginate_button "><a
                                                    href="javascript:void(0);"
                                                    th:onclick="'javascript:page_nav(document.forms[0],\''+${pageObj.current -1}+'\')'"
                                                    aria-controls="datatable-responsive" data-dt-idx="1"
                                                    tabindex="0">上一页</a>
                                            </li>

                                            <li class="paginate_button "><a
                                                    href="javascript:void(0);"
                                                    th:onclick="'javascript:page_nav(document.forms[0],\''+${pageObj.current +1}+'\')'"
                                                    aria-controls="datatable-responsive" data-dt-idx="1"
                                                    tabindex="0">下一页</a>
                                            </li>
                                            <li class="paginate_button next"><a
                                                    href="javascript:void(0);"
                                                    th:onclick="'javascript:page_nav(document.forms[0],\''+${pageObj.pages}+'\')'"
                                                    aria-controls="datatable-responsive" data-dt-idx="7"
                                                    tabindex="0">最后一页</a>
                                            </li>

                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>


    <!--引入底部的公共文件-->
    <footer th:insert="common/bottom::dibu"></footer>

    <script th:src="@{/localjs/rollpage.js}"></script>
    <script th:src="@{/localjs/appinfolist.js}"></script>